<link rel="stylesheet" type="text/css" href="../addons/jy_h5game/resource/xianchang/css/screen_wall.css">
<link rel="stylesheet" type="text/css" href="../addons/jy_h5game/resource/xianchang/css/main2.css?T=1" media="all">
 <style type="text/css">

body {
	background: url(../addons/jy_h5game/resource/xianchang/images/005d.jpg) #000 no-repeat;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;
}

 </style>
<script src="../addons/jy_h5game/resource/xianchang/js/base3.js" type="text/javascript" charset="utf-8"></script>
<script src="../addons/jy_h5game/resource/xianchang/js/jquery_flexslider.js" type="text/javascript"></script>
<script src="../addons/jy_h5game/resource/xianchang/js/audio.js" type="text/javascript"></script>
<script src="../addons/jy_h5game/resource/xianchang/js/screen_photo.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
$(function(){
 $('.flexslider').flexslider({
 	slideshowSpeed:5000,
    animation: "slide",
    init: function(thi){
    	$("#controler a").click(function(a1, a2){
    		var auto = $(".playAndStop")[0].className;
    		auto = auto.indexOf("on")>-1;
    		switch(this.innerHTML){
    			case "prev":
    				thi.flexslider("prev");
    				if(auto){
    					thi.play();
    				}
    			break;
    			case "next":
    				thi.flexslider("next");
    				if(auto){
    					thi.play();
    				}
    					
    			break;
    			default:
    				if(this.className.indexOf("on") > -1){
    					this.className = "playAndStop";
    					thi.pause();
    				}else{
    					this.className = "playAndStop on";
    					thi.play();
    				}
    			break;

    		}
    	});
    }
 });
});

</script>

<div class="Panel MsgList" style="display: block;opacity: 1;">
 <div class="fbody" id="container" >
  <div class="main_body">
    <div class="box_wall box_photo relative">
      <div class="wrapper clear">
        <div class="flexslider">
          <ul class="slides" style="width: 1000%; transition-duration: 0.6s; transform: translate3d(-2078px, 0px, 0px);">
		  
				 <li  ng-repeat="row in pagedata.list"> <img ng-src="{{row.headImg}}"  /> </li>
		  </ul>
        </div>
      </div>
       <div class="pmenu">
        <ul class="op clear" id="controler">
          <li><a href="javascript:;" class="prev">prev</a></li>
          <li><a href="javascript:;" class="playAndStop on">play&stop</a></li>
          <li><a href="javascript:;" class="next">next</a></li>
          <!-- <li><button class="quanpin" id="request">全屏</button> </li>
          
                     <li><div id="playbox" class="btn_music on" onClick="playbox.init(this).play();"><audio  autoplay="autoplay" src="http://images20140326.qiniudn.com/to%20you.mp3" loop id="audio"></audio></div></li>-->
             
        </ul>
      </div>
    </div>
  </div>
</div>
</div>

<span class="faceicon"><img class="icon-seed" src="http://wxc.vshangtong.com/index/wxc/screen_wallface.png"></span>
<script src="../addons/jy_h5game/resource/xianchang/js/screenfull.js" type="text/javascript"></script>
<script>
var f=false;
$(function () {
 
$('.slides li').css({"height":window.screen.height*0.74+'px'});
$('#request').click(function () {

if(!f){
screenfull.request($('#container')[0]);
//$('.MsgList').css({"height":"100%","width":"100%"});
f = true;
}else{
f = false;
//$('.MsgList').css({"height":"74%","width":"90%"});
screenfull.exit();
}
 
});
$('.fullscreen').click(function () {

if(!f){
screenfull.request($('#container')[0]);
//$('.MsgList').css({"height":"100%","width":"100%"});
f = true;
}else{
f = false;
//$('.MsgList').css({"height":"74%","width":"90%"});
screenfull.exit();
}
 
});
$('#exit').click(function () {
screenfull.exit();

});
 $(document).on(screenfull.raw.fullscreenchange, function () {

if (!screenfull.isFullscreen) {
 f = false;
 $('.MsgList').css({"height":"74%","width":"90%","left":" 50%","margin-left": "-45%"});
 	 $('.slides li').css({"height":window.screen.height*0.74+'px'});
 //$('.op').css({"margin-left": "45%"});
// alert('退出全屏');
}else{
f = true;
$('.MsgList').css({"height":"100%","width":"100%","left":" 50%","margin-left": "-50%"});
//$('.op').css({"margin-left": "40%"});
 $('.slides li').css({"height":window.screen.height+'px'});
 //alert('进入全屏');

// $('.flexslider img').css({"width":"100%"});
}
});
 
});
</script>